<template>
    <div :style="backgroundStyle">
        <div style="color:#ffffff;padding:67px 0">
            <h3 style="text-align:center;font-size:28px;font-weight:100;">我们的APP</h3>
            <div style="width:700px;height:110px;position:relative;margin:0 auto">
                <span style="position:absolute;top:-40px;left:0;font-size:90px">“</span>
                <el-row style="width:600px;margin:0 auto;margin-top:50px;font-size:21px;line-height:2em">
                    <el-col :span="12" style="text-align:center"><span>注册用户（人）</span>
                    <p style="color:#FF4C50;font-size:40px">{{registerNum.register_num}}</p></el-col>
                    <el-col :span="12" style="text-align:center"><span>会员用户（人）</span>
                    <p style="color:#FF4C50;font-size:40px">{{registerNum.member_num}}</p></el-col>
                </el-row>
                <span style="position:absolute;bottom:-50px;right:0;font-size:90px">”</span>
            </div>
        </div>
    </div>
    
</template>

<script>
export default {
  name: 'register',
  data () {
    return {
      backgroundStyle: {
            backgroundImage: "url(" + require("../../images/officalPic/95.png") + ")",
            backgroundRepeat: "no-repeat",
            backgroundSize: "1920px 420px",
            backgroundPosition:'center center',
            height:'420px',     
        },
    }
  },
  props:['registerNum']

}
</script>

<style scoped lang="scss">

</style>
